page {
  background: #f2f3f7;
}
.line{
  width: 100%;
  height: 1px;
  background-color: #eee;
}
.page-detail{
	/*轮播图*/
	swiper{
		width: 100%;
		height: 500rpx;
	}
	.swiper .swiper-img{
		width: 100%;
		height: 400rpx;
	}
	
	.name-box {
	  background: #fff;
	  padding: 20rpx 30rpx;
	  margin-left: 20rpx;
	  margin-right:20rpx ;
	  margin-top: -150rpx;
	  border-radius: 40rpx;
	  width:87%;
	  position: absolute;
	  z-index: 10;
	}
	.name-box .discount-image {
		position: absolute; /* 绝对定位 */
		top:5rpx;
		left: 85%;
	}
	.name-box .discount-image .img {
		width: 100rpx; /* 根据图片大小调整宽度 */
		height: 100rpx; /* 根据图片大小调整高度 */
	}
	.name-box .name {
	  font-size: 32rpx;
	  font-weight: 600;
	}
	.name-box .action-box {
	  display: flex;
	  align-items: center;
	  justify-content: flex-end;
	  margin-top: 20rpx;
	  margin-bottom: 10rpx;
	}
	
	.name-box .action-box .price-box {
	  flex: 1;
	  display: flex;
	  align-items: center;
	}
	
	.name-box .action-box .price-box .discounted-price {
	 color: red;
	 font-size:32rpx;
	 font-weight: bold;
	 float:left;
	}
	.name-box .action-box .price-box .original-price {
	 font-size:15rpx;
	  color: gray; 
	  text-decoration: line-through; 
	  margin-top: 5rpx;
	}
	.name-box .other-box .services{
		margin: 5rpx;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}
	.name-box .other-box .services .tit{
		font-size:30rpx;
		font-weight: bold;
	}
	.name-box .other-box .services .content{
		font-size:30rpx;
		color:gray;
	}
	.name-box .other-box .delivery{
		margin: 5rpx;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}
	.name-box .other-box .delivery .tit{
		font-size:30rpx;
		font-weight: bold;
	}
	.name-box .other-box .delivery .content{
		font-size:30rpx;
		color:gray;
	}
	
	/*商家信息*/
	.business-information{
		background: #fff;
		padding: 30rpx 0;
		margin-top: 262rpx;
		margin-left: 20rpx;
		margin-right:20rpx ;
		border-radius: 40rpx;
	}
	
	.business-information .tit {
	  display: flex;
	  justify-content: space-between;
	  padding: 0 30rpx;
	}
	
	.business-information .tit .text {
	  font-weight: 600;
	  font-size: 30rpx;
	}
	
	.business-information .tit .more {
	  color: #999;
	}
	
	.business-information .tit .more.text-arrow::after {
	  font-size: 28rpx;
	  border-top: 2rpx solid #999;
	  border-right: 2rpx solid #999;
	  top: 44%;
	}
	.business-information .content .img {
	  width:120rpx;
	  height:120rpx;
	  border-radius: 100rpx;
	  margin-left: 15rpx;
	  float: left;
	  margin-right: 10px;
	}
	.business-information .content .text1 {
	  font-size: 31rpx;
	  font-weight: bold;
	  margin-bottom: 5rpx;
	}
	.business-information .content .text2 {
		color:gray;
	  font-size: 25rpx;
	  margin-bottom: 5rpx;
	}
	/*买家评价*/
	.comments{
		background: #fff;
		padding: 30rpx 0;
		margin-top: 20rpx;
		margin-left: 20rpx;
		margin-right:20rpx ;
		border-radius: 40rpx;
	}
	
	.comments .tit {
	  display: flex;
	  justify-content: space-between;
	  padding: 0 30rpx;
	}
	
	.comments .tit .text {
	  font-weight: 600;
	  font-size: 30rpx;
	}
	
	.comments .tit .more {
	  color: #999;
	}
	
	.comments .tit .more.text-arrow::after {
	  font-size: 28rpx;
	  border-top: 2rpx solid #999;
	  border-right: 2rpx solid #999;
	  top: 44%;
	}
	
	.comments .content .item {
	    padding: 20rpx;
	    margin-bottom: 20rpx;
	    background: #f9f9f9;
	    border-radius: 20rpx;
	    overflow: hidden; /* 清除浮动 */
	}
	
	.comments .content .item::after {
	    content: "";
	    display: block;
	    clear: both;
	}
	
	.comments .content .item .img {
	  width:120rpx;
	  height:120rpx;
	  border-radius: 100rpx;
	  margin-left: 15rpx;
	  float: left;
	  margin-right: 10px;
	}
	.comments .content .item .text1 {
	  font-size: 31rpx;
	  font-weight: bold;
	  margin-bottom: 5rpx;
	}
	.comments .content .item .text2 {
		color:gray;
	  font-size: 25rpx;
	  margin-bottom: 5rpx;
	}
	/*投诉举报*/
	.report{
		background: #fff;
		padding: 30rpx 0;
		margin-top: 20rpx;
		margin-left: 20rpx;
		margin-right:20rpx ;
		border-radius: 40rpx;
		height: 235rpx;
	}
	
	.report .tit {
	  display: flex;
	  justify-content: space-between;
	  padding: 0 30rpx;
	}
	
	.report .tit .text {
	  font-weight: 600;
	  font-size: 30rpx;
	}
	.report .content .text {
	  margin-left: 30rpx;
	  margin-top:13rpx;
	  color:gray;
	  font-size: 20rpx;
	}
	
	.report .tit .more {
	  color: #999;
	}
	
	.report .tit .more.text-arrow::after {
	  font-size: 28rpx;
	  border-top: 2rpx solid #999;
	  border-right: 2rpx solid #999;
	  top: 44%;
	}
	
	/*底部*/
	.footer {
		background: #fff;
		display: flex;
	    justify-content: space-between;
	    align-items: center;
		z-index:99;
		bottom: 0rpx;
	    position: fixed;
	}
	.footer .footer-item {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
		margin-right: 21rpx;
		margin-left: 12rpx;
	}
	.footer .image-container {
	    margin-bottom: 5px;
	}
	.footer .icon {
	    width: 24px;
	    height: 24px;
	}
	.footer .text {
	    font-size: 14px;
	    color: #333;
	}
	.footer .action {
	    font-size: 16px;
	    color: #fff;
	    background-color: #f00;
	    padding: 10px 15px;
	    border-radius: 5px;
	}
}

